import { createVisualEditorConfig, VisualEditorConfig } from '@/model/model';
import { ElButton, ElInput } from 'element-plus';

const visualConfig = createVisualEditorConfig();

visualConfig.registry('text', {
  label: '文本',
  preview: () => '预览文本',
  render: () => '渲染文本',
});

visualConfig.registry('button', {
  label: '按钮',
  preview: () => <ElButton>预览按钮</ElButton>,
  render: () => <ElButton>默认按钮</ElButton>,
});

visualConfig.registry('input', {
  label: '输入框',
  preview: () => <ElInput />,
  render: () => <ElInput />,
})

export default visualConfig;
